<!DOCTYPE html
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>index</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/head.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
<!-- head begin-->
<div class="head_fa">
  <nav class="navbar navbar-default qhead">
        <div class="container qhead">
          <!--logo-->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="./index.html">Brand</a>
          </div>          
          <!--nav-->
          <div class="collapse navbar-collapse qnav" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="./index.html">首页</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于我们<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li class="width100"><a href="./intro_company.html">公司简介</a></li>
                    <li class="width100"><a href="./intro_teacher.html">七颗牙师资团队</a></li>
                    <li class="width100"><a href="./intro_people.html">七颗牙风采</a></li>
                </ul>
              </li>
              <!-- <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">行业资讯<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">医学资讯</a></li>
                    <li><a href="#">行业动态</a></li>
                </ul>
              </li> -->
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">精品课程<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li class="width100"><a href="./classes.html">网络授课</a></li>
                    <li class="width100"><a href="./classes.html">直播授课</a></li>
                    <li class="width100"><a href="./classes.html">面授</a></li>
                </ul>
              </li>
              <li><a href="./qky_test.html">真题精选</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">校园风采<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li class="width100"><a href="./qky_school.html">园区风采</a></li>
                    <li class="width100"><a href="./qky_student.html">学区风采</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">七颗牙学堂<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">免费试听</a></li>
                </ul>
              </li>                 
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">报名申请<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li class="width100"><a href="./recruit.html">招生信息</a></li>
                    <li class="width100"><a href="./question.html">答疑解惑</a></li>
                    <li class="width100"><a href="./apply.html">在线报名</a></li>
                </ul>
              </li>
              <li><a href="./news.html">资讯中心</a></li>
              <li><a href="./link_us.html">联系我们</a></li>
            </ul>
          </div>
        </div>
      </nav>
  </div>
  <!-- head over-->
      <!-- banner begin -->
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
        <ol class="carousel-indicators" style="position: absolute;">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <a href="#">
                  <img src="./images/banner.png" alt="...">
                </a>
              </div>
              <div class="item">
                <a href="#">
                  <img src="./images/banner.png" alt="...">
                </a>
              </div>
              <div class="item">
                <a href="#">
                  <img src="./images/banner.png" alt="...">
                </a>
            </div>
            </div>          
          </div>
      <!-- banner over -->
      <!-- 产品服务部分开始 -->
      <div class="product hidden-xs">
            <div class="container">
                <div class="row content">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 header">
                        <h2>差异化服务</h2>
                        <h3>SERVICE</h3>
                        <h4>七颗牙教育科技有限公司</h4>
                    </div>
                      <div class="col-xs-6 col-sm-6 col-md-3 bottom_border">        
                            <a href="#"><div></div></a>
                            <a href="#"><h5>国际化设备<span></span></h5></a>
                            <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>   
                      </div>
                      <div class="col-xs-6 col-sm-6 col-md-3 bottom_border">
                            <a href="#"><div></div></a> 
                            <a href="#"><h5>专家团队<span></span></h5></a>
                            <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
                      </div>
                      <div class="col-xs-6 col-sm-6 col-md-3 bottom_border">
                            <a href="#"><div></div></a>
                            <a href="#"><h5>国际化设备<span></span></h5></a>
                            <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
                      </div>
                      <div class="col-xs-6 col-sm-6 col-md-3 bottom_border">
                            <a href="#"><div></div></a>
                            <a href="#"><h5>国际化设备<span></span></h5></a>
                            <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
                      </div>
                </div>
            </div>
      </div>
      <!-- 产品服务部分结束 -->
      <!-- 产品服务 轮播结构begin -->
  <!-- Swiper -->
  <div class="swiper-container hidden-sm hidden-md hidden-lg">
    <div class="swiper-wrapper product_swip">
      <div class="swiper-slide">
          <a href="#"><div></div></a>
          <a href="#"><h5>国际化设备<span></span></h5></a>
          <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
        </a>
      </div>
      <div class="swiper-slide">
          <a href="#"><div></div></a>
          <a href="#"><h5>国际化设备<span></span></h5></a>
          <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
        </a>
      </div>
      <div class="swiper-slide">
          <a href="#"><div></div></a>
          <a href="#"><h5>国际化设备<span></span></h5></a>
          <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
        </a>
      </div>
      <div class="swiper-slide">
          <a href="#"><div></div></a>
          <a href="#"><h5>国际化设备<span></span></h5></a>
          <p>设备有严格要求，各体检分院都引进国际主流品牌医疗设备，有西门子，飞利浦，东芝</p>
        </a>
      </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div
      <!-- 产品服务 轮播结构over -->
      <!-- 导师 开始 -->
      <div class="teacher">
          <h3>著名导师</h3>
          <h4>TEACHER</h4>
          <h5>著名导师著名导师著名导师</h5>
          <span><a href="#">关爱父母</span></a>
          <span><a href="#">高端套餐</span></a>
          <span><a href="#">关爱精神</span></a>
          <span><a href="#">企业福利</span></a>
          <div class="container-fuild teacher_cup">
                <div class="row content">
                  <div class="col-xs-6 col-sm-6 col-md-3">
                      <a href="#"><img src="./images/teacher.png" alt=""></a>
                      <a href="#"><h3>高端体检套餐</h3></a>
                      <p>七颗牙教育--高端体检套餐</p>
                  </div>
                  <div class="col-xs-6 col-sm-6 col-md-3">
                       <a href="#"><img src="./images/teacher.png" alt=""></a>
                       <a href="#"><h3>高端体检套餐</h3></a>
                       <p>七颗牙教育--高端体检套餐</p>
                  </div>
                  <div class="col-xs-6 col-sm-6 col-md-3">
                       <a href="#"><img src="./images/teacher.png" alt=""></a>
                       <a href="#"><h3>高端体检套餐</h3></a>
                       <p>七颗牙教育--高端体检套餐</p>
                  </div>
                  <div class="col-xs-6 col-sm-6 col-md-3">
                       <a href="#"><img src="./images/teacher.png" alt=""></a>
                       <a href="#"><h3>高端体检套餐</h3></a>
                       <p>七颗牙教育--高端体检套餐</p>
                  </div>
                </div>
        </div>
         <a href="#" class="tea_icon_a"><span class="glyphicon glyphicon-calendar tea_icon" aria-hidden="true"></span></a>
      </div>
      <!-- 导师 结束 -->
      <!-- about us begin -->
      <div class="about_us">
            <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-3 about_left">
                            <img src="" alt="">
                        </div>
                        <div class="col-xs-12 col-sm-9 about_right">
                            <h2>公司简介</h2>
                            <h4>ABOUT US</h4>
                            <p>济南美年大健康公司介绍——美年大健康还与诸多国内外知名医疗机构与专业协会开展合作，致力于新技术的研发，将现代生物医学的最新研究引入人类健康和未来医学保健模式中，使中国的客户享受到国际前沿的健康保健服务。济南美年大健康体检中心 | 济南美年大健康 咨询电话：0531-86116965</p>
                            <a href="#" class="about_icon"></a>
                        </div>
                    </div>
            </div>
      </div>
      <!-- about us over -->
      <div class="courses hidden-xs">
            <div class="container">
                    <div class="row content">
                        <div class="col-sm-4 col-md-4">
                            <a href="#"><img src="./images/teacher.png" alt=""></a>
                            <a href="#"><h3>济南美年大健康北坦店</h3></a>
                            <p>济南美年大健康-北坦店(明湖分院)</p>
                            <p>详细地址：北坦大街5号(巴黎花园西)</br>
                            咨询电话：0531-86116965</br>                       
                            乘车路线：北湖西路顺河街站点(45路;k53路;k98路)</p>
                            <span>MORE</span>
                        </div>
                        <div class="col-sm-4 col-md-4">
                                <a href="#"><img src="./images/teacher.png" alt=""></a>
                                <a href="#"><h3>济南美年大健康北坦店</h3></a>
                                <p>济南美年大健康-北坦店(明湖分院)</p>
                                <p>详细地址：北坦大街5号(巴黎花园西)</br>
                                咨询电话：0531-86116965</br>                       
                                乘车路线：北湖西路顺河街站点(45路;k53路;k98路)</p>
                                <span>MORE</span>
                        </div>
                        <div class="col-sm-4 col-md-4">
                                <a href="#"><img src="./images/teacher.png" alt=""></a>
                                <a href="#"><h3>济南美年大健康北坦店</h3></a>
                                <p>济南美年大健康-北坦店(明湖分院)</p>
                                <p>详细地址：北坦大街5号(巴黎花园西)</br>
                                咨询电话：0531-86116965</br>                       
                                乘车路线：北湖西路顺河街站点(45路;k53路;k98路)</p>
                                <span>MORE</span>
                        </div>
                    </div>
            </div>
      </div>
      <!-- 课程结构2 begin -->
       <!-- Swiper -->
  <div class="swiper-container courses_2_2 hidden-sm hidden-md hidden-lg">
    <div class="swiper-wrapper courses_2">
      <div class="swiper-slide">
          <a href="#"><img src="./images/teacher.png" alt=""></a>
          <a href="#"><h3>济南美年大健康北坦店</h3></a>
          <p>济南美年大健康-北坦店(明湖分院)</p>
          <p>详细地址：北坦大街5号(巴黎花园西)</br>
          咨询电话：0531-86116965</br>                       
          乘车路线：北湖西路顺河街站点(45路;k53路;k98路)</p>
          <a href="#"><span>MORE</span></a>
      </div>
      <div class="swiper-slide">
          <a href="#"><img src="./images/teacher.png" alt=""></a>
          <a href="#"><h3>济南美年大健康北坦店</h3></a>
          <p>济南美年大健康-北坦店(明湖分院)</p>
          <p>详细地址：北坦大街5号(巴黎花园西)</br>
          咨询电话：0531-86116965</br>                       
          乘车路线：北湖西路顺河街站点(45路;k53路;k98路)</p>
          <a href="#"><span>MORE</span></a>
      </div>
      <div class="swiper-slide">
          <a href="#"><img src="./images/teacher.png" alt=""></a>
          <a href="#"><h3>济南美年大健康北坦店</h3></a>
          <p>济南美年大健康-北坦店(明湖分院)</p>
          <p>详细地址：北坦大街5号(巴黎花园西)</br>
          咨询电话：0531-86116965</br>                       
          乘车路线：北湖西路顺河街站点(45路;k53路;k98路)</p>
          <a href="#"><span>MORE</span></a>
      </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>
      <!-- 课程结构2 over -->
      <!-- 资讯中心 begin -->
      <div class="info">
      <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 info_head">
                  <h3>资讯中心</h3>
                  <h4>NEWS</h4>
                  <h5>七颗牙教育科技有限公司</h5>
                </div>
                <div class="col-xs-12 col-sm-6 info_con">
                  <ul>
                    <li>
                    <span>2017-07-18</span>
                    <a href="#"><h3>北坦分院升级开业 7周年促销<span></span></h3></a>
                    <p>公司七周年庆典，而且迎来北坦大街分院，现推出最新活动：答谢新老顾客，给每位体检最......</p>
                    </li>
                    <li>
                    <span>2017-07-18</span>
                    <a href="#"><h3>北坦分院升级开业 7周年促销<span></span></h3></a>
                    <p>公司七周年庆典，而且迎来北坦大街分院，现推出最新活动：答谢新老顾客，给每位体检最......</p>
                    </li>
                    <li>
                    <span>2017-07-18</span>
                    <a href="#"><h3>北坦分院升级开业 7周年促销<span></span></h3></a>
                    <p>公司七周年庆典，而且迎来北坦大街分院，现推出最新活动：答谢新老顾客，给每位体检最......</p>
                    </li>
                  </ul>
                </div>
                <div class="col-xs-12 col-sm-6 info_con">
                  <ul>
                    <li>
                      <span>2017-07-18</span>
                      <a href="#"><h3>北坦分院升级开业 7周年促销<span></span></h3></a>
                      <p>公司七周年庆典，而且迎来北坦大街分院，现推出最新活动：答谢新老顾客，给每位体检最......</p>
                    </li>
                    <li>
                      <span>2017-07-18</span>
                      <a href="#"><h3>北坦分院升级开业 7周年促销<span></span></h3></a>
                      <p>公司七周年庆典，而且迎来北坦大街分院，现推出最新活动：答谢新老顾客，给每位体检最......</p>
                    </li>
                    <li>
                      <span>2017-07-18</span>
                      <a href="#"><h3>北坦分院升级开业 7周年促销<span></span></h3></a>
                      <p>公司七周年庆典，而且迎来北坦大街分院，现推出最新活动：答谢新老顾客，给每位体检最......</p>
                    </li>
                  </ul>
                </div>
            </div>
      </div>
     </div>
      <!-- 资讯中心 over-->

      <!-- 底部部分begin -->
      <div class="footer">
          <div class="container">
              <div class="row">
                  <div class="col-xs-12 hidden-xs">
                      <ol>
                          <dd>服务与支持</dd>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                      </ol>
                      <ol>
                          <dd>服务与支持</dd>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                      </ol>
                      <ol>
                          <dd>服务与支持</dd>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                      </ol>
                      <ol>
                          <dd>服务与支持</dd>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                      </ol>
                      <ol>
                          <dd>服务与支持</dd>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                      </ol>
                      <ol>
                          <dd>服务与支持</dd>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                          <dt><a href="#">售前支持</a></dt>
                      </ol>
                      <div class="footer_right">
                          <h3>关注七颗牙</h3>
                          <img src="./images/ewm.png" alt="七颗牙">
                          <p>七颗牙微信</p>
                          <p>七颗牙微博</p>
                          <p>七颗牙App</p>
                      </div>
                      <div class="footer_bottom">
                          <ul>
                              <li><a href="#">关于我们</a></li>
                              <li><a href="#">七颗牙产品</a></li>
                              <li><a href="#">七颗牙理念</a></li>
                              <li><a href="#">友情链接</a></li>
                          </ul>
                          <p>© 2009-2017 Aliyun.com 版权所有 ICP证：浙B2-20080101</p>
                      </div>               
                  </div>
                  <div class="col-xs-12 hidden-sm hidden-md hidden-lg footer_mobile">
                      <div>
                          <h3>热门产品</h3>
                          <ul>
                              <li>热门产品</li>
                              <li>热门产品</li>
                              <li>热门产品</li>
                              <li>热门产品</li>
                          </ul>
                      </div>
                      <div>
                          <h3>关注七颗牙</h3>
                          <p>关于我们</p>
                          <span>关注我们:</span>
                          <span>新浪微博</span>
                          <span>微信</span>
                      </div>
                      <div>
                          <p>© 2009-2017 Aliyun.com 版权所有 ICP证：浙B2-20080101</p>
                      </div>
                  </div>
              </div>
          </div>
    <script>
      var swiper = new Swiper('.swiper-container', {
        pagination: {
          el: '.swiper-pagination',
          type: 'fraction',
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
    </script>
  </body>
</html>